<!DOCTYPE html>
<!-- 声明文档类型为HTML5 -->
<html lang="">
  <!-- HTML文档根元素，lang属性指定页面语言（此处为空） -->
  
  <head>
    <!-- 头部区域，包含元数据和链接资源 -->
    
    <meta charset="UTF-8">
    <!-- 指定文档字符编码为UTF-8，支持多语言字符 -->
    
    <link rel="icon" href="/favicon.ico">
    <!-- 设置网站图标（favicon） -->
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 视口设置，使页面适配移动设备，初始缩放比例为1.0 -->
    
    <title>Vite App</title>
    <!-- 设置网页标题，显示在浏览器标签页上 -->
  </head>
  
  <body class="font-inter antialiased bg-gray-100 dark:bg-gray-900 text-gray-600 dark:text-gray-400">
    <!-- 文档主体部分，应用了Tailwind CSS类：
         font-inter: 使用Inter字体
         antialiased: 字体抗锯齿
         bg-gray-100: 浅色模式背景色
         dark:bg-gray-900: 深色模式背景色
         text-gray-600: 浅色模式文本颜色
         dark:text-gray-400: 深色模式文本颜色 -->
    
    <div id="app"></div>
    <!-- Vue/React等框架挂载点，应用将渲染在此div中 -->
    
    <script type="module" src="/src/main.ts"></script>
    <!-- 加载TypeScript模块作为入口文件，type="module"表示这是一个ES模块 -->
  </body>
</html>